<%-- 
    Document   : popuptemplate
    Created on : Jun 4, 2012, 2:47:19 PM
    Author     : ems
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>  
        <link rel="stylesheet" type="text/css" href="../css/jquery-ui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery-ui.min.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/timer.js"></script>





        <style type="text/css">
            .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
            .ui-timepicker-div dl { text-align: left; }
            .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
            .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
            .ui-timepicker-div td { font-size: 90%; }
            .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
            .ui-datepicker{

            }
            .feild_sex td label{
                color:#858B99 !important;
            }
        </style>

    </head>

    <f:view>
        <a4j:form >
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <body style=" float:left; width:auto; height:auto; margin:0px;">
                <div class="popup" style="height:250px; width:350px">
                    <div class="popup-header">
                        <div class="title">CHẤM CÔNG</div>
                    </div>
                    <div class="popup-content" style="height:235px">
                        <div class="main_content">
                            <div class="form_item_content" style="display: block;">

                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.title}"/></label>
                                    <h:selectOneMenu value="#{timekeeperController.fc250}">  
                                        <f:selectItems value="#{timekeeperController.listCombC250}" />  
                                    </h:selectOneMenu>

                                </div>
                                <div class="fields_input">
                                    <label> <h:outputText value="Vào/Ra"/>*:</label>
                                    <h:selectOneRadio value="#{timekeeperController.nv151}" styleClass="feild_sex"     >
                                        <f:selectItem itemValue="I" itemLabel="Vào" />
                                        <f:selectItem itemValue="O" itemLabel="Ra"/>                                                     
                                    </h:selectOneRadio>
                                </div>
                                <div class="fields_input">                                       
                                    <label><h:outputText value="Thời gian"/>*:</label>&nbsp;
                                    <input type="text" name="example1" class="example1" id="example1" value="" />

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Nhân viên"/></label>
                                    <h:selectOneMenu value="#{timekeeperController.nv116}">  
                                        <f:selectItems value="#{timekeeperController.listCombN100}" />  
                                    </h:selectOneMenu>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="popup-footer">
                        <div class="buttonsave"  onclick="jQuery.fancybox.close() "  ><span><h:outputText value="#{locale.close}"/></span></div>
                        <h:commandButton   action="#{timekeeperController.updateN150By}" styleClass="buttonsave" value="#{locale.save}">
                        </h:commandButton>

                    </div>
                </div>
            </body>
        </a4j:form>
    </f:view>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        $j('#example1').datetimepicker({ dateFormat: 'mm/dd/yy', timeFormat: 'hh:mm:ss' });
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',yhight );
        $j('.popup-content').css('height',yhight );
    });
</script>